<template>
    <i :class="['iconfont', IconNmae]"></i>
</template>

<script setup lang="ts">
import { computed } from 'vue'

type IconProps = { name: 'coupon' | '404' }

const { name } = defineProps<IconProps>()

const IconNmae = computed(() => `iconfont-${name}`)
</script>

<style lang="less" scoped>
.iconfont {
    width: 1em;
    height: 1em;
    vertical-align: -0.15em;
    overflow: hidden;
}
</style>
